<!-- 新建对话框 -->
<el-dialog
        v-loading="dialogLoading"
        element-loading-text="努力执行中"
        element-loading-spinner="el-icon-loading"
        element-loading-background="rgba(0, 0, 0, 0.8)"
        :title="dialogTitle"
        :visible.sync="dialogVisible"
        width="66%"
        :close-on-click-modal="false"
        :before-close="handleClose">
  <el-form label-width="100px"

           ref="submitDialogFormRef"
           :model="formData"
           :rules="rules"
  >
    <el-row :gutter="20">
      <el-col :span="8">
        <el-form-item label="应用类型" prop="categoryDictId">
            <el-select  clearable
                        v-model="formData.categoryDictId"
                        @change="changeFirstSelect"
                        :placeHolder="firstHeader"
            >
                <el-option
                        v-for="item in firstList"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id">
                </el-option>
            </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item label="技术分类" prop="typeDictId">
              <el-select v-model="formData.typeDictId"
                         :placeholder="secondHeader" >
                <el-option
                        v-for="item in secondList"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id">
                </el-option>
              </el-select>
        </el-form-item>
      </el-col>
        <el-col :span="8">
            <el-form-item label="图标" prop="icon">
                <el-input v-model.trim="formData.icon" placeholder="图标" clearable ></el-input>
            </el-form-item>
        </el-col>
    </el-row>

    <el-row :gutter="24">
        <el-col :span="8">
            <el-form-item label="标题" prop="title">
                <el-input v-model.trim="formData.title" placeholder="标题" clearable ></el-input>
            </el-form-item>
        </el-col>
      <el-col :span="16">
          <el-form-item label="链接" prop="url">
              <el-input v-model.trim="formData.url" placeholder="链接" clearable ></el-input>
          </el-form-item>
      </el-col>

    </el-row>
    <!--                                gcc-->
      <el-row :gutter="24">
          <el-col :span="24">
              <el-form-item label="关键词" prop="detail">
                  <el-input v-model.trim="formData.detail" placeholder="关键词" clearable ></el-input>
              </el-form-item>
          </el-col>
      </el-row>

  </el-form>




  <span slot="footer" class="dialog-footer" >
        <el-button @click="handleClose">取 消</el-button>
        <el-button v-if="showBtnDialogFormSubmit" type="primary" @click="dialogFormSubmit">确 定</el-button>
    </span>

</el-dialog>



